import React, { Component } from "react";
import Banner from "./components/Banner";
import { videoList, xlVideo } from "./../../constant/videoList.js";
import "./Home.scss";

// console.log(campusJobInfo);
export default class Home extends Component {
  static displayName = "Home";

  static propTypes = {};

  static defaultProps = {};

  constructor(props) {
    super(props);
    this.state = {};
  }
  render() {
    return (
      <div className="content">
        <div className="home-banner">
          <img src="https://restaurant.hengyi.com/photos/qiniuyun/new-home-banner.png" />
        </div>
        <div className="home-introduce">
          <div className="home-introduce-title">走进恒逸</div>
          <div className="home-introduce-text">
            恒逸集团创建于1994年，历经二十余年发展，已成长为一家以石油炼化、PTA、聚酯纺丝、化纤加弹生产为核心，覆盖金融、贸易、物流、大数据等领域的多元化、国际化的大型企业集团。集团现有员工15000余名，总资产达628亿元，营收值破1000亿。系目前全球最大的纺织原料供应商之一、化纤制造业的龙头企业。集团旗下子公司恒逸石化（股票代码000703）于2011年上市。
          </div>
        </div>
        <div className="propagandist-video">
          <div className="video-left">
            <video
              className="video1"
              src={xlVideo.src}
              controls="controls"
              poster={xlVideo.poster}
              preload="preload"
            />
            <span className="video1-text">{xlVideo.title}</span>
          </div>
          <div className="video-right">
            {videoList.map(item => {
              return (
                <div key={item.title}>
                  <video
                    className="video2"
                    src={item.src}
                    controls="controls"
                    poster={item.poster}
                    preload="preload"
                  />
                  <span className="video-text">{item.title}</span>
                </div>
              );
            })}
          </div>
        </div>
      </div>
    );
  }
}
